<template>
  <div class="activity-detail">
    <div class="content" v-html="obj.content" />
  </div>
</template>
<script>
export default {
  data() {
    return {
      obj: {}
    }
  },
  created() {
    this.getData()
  },
  methods: {
    getData() {
      this.$axios({
        method: 'post',
        url: `/helper/contact`
      }).then((res) => {
        console.log(res)
        if (res.data.code === 200) {
          this.obj = res.data.data
        }
      })
    },
    formatTime(time) {
      return (time || '').slice(0, 10).replace(/-/g, '.')
    }
  }
}
</script>
<style>
.activity-detail img,
.activity-detail video {
  max-width: 100%;
}
</style>
<style scoped>
.activity-detail {
  width: 100%;
  height: auto;
  background: #fff;
  padding: 10px 5px;
  box-sizing: border-box;
}
.title {
  font-size: 24px;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #333333;
  line-height: 24px;
  padding: 16px 16px 12px;
}
.content {
  width: 98%;
  margin: 0 auto;
}
.content img {
  max-width: 100%;
}
.activity-detail img,
.activity-detail video {
  max-width: 100%;
}
.btn {
  width: 87.2%;
  height: 45px;
  line-height: 45px;
  position: fixed;
  bottom: 20px;
  font-size: 17px;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  box-shadow: 0px 2px 6px 0px rgba(25, 144, 255, 0.4);
  border-radius: 4px;
  transform: translateX(-50%);
  left: 50%;
}
</style>
